﻿ <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BookCirculation.aspx.cs"
    Inherits="Family_BookCirculation" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="renderer" content="webkit">
    <title>我家的书库</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/respond.min.js"></script>
    <script type="text/javascript" src="../js/pages/book-circulation.js"></script>
    <script type="text/javascript" src="../js/pages/common.js"></script>
</head>
<body>
    <!--#include file="partials/Navbar.htm" -->
    <div class="container" style="">
        <input type="hidden" name="pageTag" value="bookCirculation" />

        <div class="col-md-6">
            <!--<div class="panel panel-info">
                <div class="panel-heading">借入</div>
                <div class="panel-body">
                    <div class="col-md-12">-->
                        <div class="panel panel-warning">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-md-4">
                                        <h4 style="margin-top: 5px;">借入待确认</h4>
                                    </div>
                            
                                    <div class="col-md-3 col-md-offset-5">
                                        <nav style="text-align: right"><ul class="pagination pagination-sm" id="borrowing-book-list-pagination" style="margin-top: 0px; margin-bottom: 0px;"></ul></nav>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-body">
                                <div id="borrowing-book-list">
                                </div>
                            </div>
                        </div>
                    <!--</div>
                    <div class="col-md-12">-->
                        <div class="panel panel-success">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-md-4">
                                        <h4 style="margin-top: 5px;">借入已确认</h4>
                                    </div>
                            
                                    <div class="col-md-3 col-md-offset-5">
                                        <nav style="text-align: right"><ul class="pagination pagination-sm" id="borrowed-book-list-pagination" style="margin-top: 0px; margin-bottom: 0px;"></ul></nav>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-body">
                                <div id="borrowed-book-list">
                                </div>
                            </div>
                        </div>
                    <!--</div>
                </div>
            </div>-->
        </div>

        <div class="col-md-6">
            <!--<div class="panel panel-info">
                <div class="panel-heading">借出</div>
                <div class="panel-body">
                    <div class="col-md-12">-->
                        <div class="panel panel-warning">
                             <div class="panel-heading">
                                <div class="row">
                                    <div class="col-md-4">
                                        <h4 style="margin-top: 5px;">借出待确认</h4>
                                    </div>
                            
                                    <div class="col-md-3 col-md-offset-5">
                                        <nav style="text-align: right"><ul class="pagination pagination-sm" id="lending-book-list-pagination" style="margin-top: 0px; margin-bottom: 0px;"></ul></nav>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-body">
                                <div id="lending-book-list">
                                </div>
                            </div>
                        </div>
                    <!--</div>
                    <div class="col-md-12">-->
                        <div class="panel panel-success">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-md-4">
                                        <h4 style="margin-top: 5px;">借出已确认</h4>
                                    </div>
                            
                                    <div class="col-md-3 col-md-offset-5">
                                        <nav style="text-align: right"><ul class="pagination pagination-sm" id="lended-book-list-pagination" style="margin-top: 0px; margin-bottom: 0px;"></ul></nav>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-body">
                                <div id="lended-book-list">
                                </div>
                            </div>
                        </div>
                    </div>
                <!--</div>
            </div>-->
        </div>
        
    </div>
    <!--#include file="partials/Footer.htm" -->
</body>
</html>
